<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
	<title>“组团啦”杯比赛详情</title>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/match/css/bootstrap-grid.css"/>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/match/css/bootstrap-modal.css"/>
	<link rel="stylesheet" href="__PUBLIC__/match/css/reset.css" />
	<link rel="stylesheet" href="__PUBLIC__/match/css/public.css" />
</head>
<body>
<section id="top-space"></section>
<div class="wrapper center-block">
	<ul id="details-team-note" class="team-note" style="margin-top:0;">
		<li class="z-red"><span class="sq-red"></span>失败队伍</li>
		<li class="z-green"><span class="sq-green"></span>胜利队伍</li>
	</ul>
</div>
<div id="details-wrapper">
	<div class="wrapper center-block">
		<div class="rec-parent table-wrapper">
			<table>
				<tr>
					<th>日期</th>
					<th>开始</th>
					<th>时长</th>
					<th>类型</th>
				</tr>
				<tr class="s-td">
					<td>{$matchs[0]['match_date']}</td>
					<td>{$matchs[0].date_s|substr=10|substr=-8,-3}</td>
					<td>{$matchs[0]['when_long']}</td>
					<td>{$matchs[0]['match_type']}</td>
				</tr>
			</table>
			<span class="rec-1"></span>
			<span class="rec-2"></span>
			<span class="rec-3"></span>
			<span class="rec-4"></span>
		</div>
		<div class="rec-parent table-wrapper">
			<table>
				<tr>
					<th colspan="2">人头数</th>
					<th colspan="2">金钱数</th>
				</tr>
				<tr>
					<td class="{$matchs[0]['color']}">{$matchs[0]['kill_num']}</td>
					<td class="{$matchs[1]['color']}">{$matchs[1]['kill_num']}</td>
					<td class="{$matchs[0]['color']}">{$matchs[0]['money']}K</td>
					<td class="{$matchs[1]['color']}">{$matchs[1]['money']}K</td>
				</tr>
			</table>
			<span class="rec-1"></span>
			<span class="rec-2"></span>
			<span class="rec-3"></span>
			<span class="rec-4"></span>
		</div>
		<!--<div class="rate-part">-->
			<!--<div class="row">-->
				<!--<div class="col-xs-6">-->
					<!--<p class="text-center title-s">反野率</p>-->
					<!--<div class="rate-box rec-parent">-->
						<!--<div class="rate-shadow">-->
							<!--<span class="rate-progress bg-green">40%</span>-->
						<!--</div>-->
						<!--<span class="rec-1"></span>-->
						<!--<span class="rec-2"></span>-->
						<!--<span class="rec-3"></span>-->
						<!--<span class="rec-4"></span>-->
					<!--</div>-->
					<!--<div class="rate-box rec-parent">-->
						<!--<div class="rate-shadow">-->
							<!--<span class="rate-progress bg-red">60%</span>-->
						<!--</div>-->
						<!--<span class="rec-1"></span>-->
						<!--<span class="rec-2"></span>-->
						<!--<span class="rec-3"></span>-->
						<!--<span class="rec-4"></span>-->
					<!--</div>-->
				<!--</div>-->
				<!--<div class="col-xs-6">-->
					<!--<p class="text-center title-s">大小龙控制率</p>-->
					<!--<div class="rate-box rec-parent">-->
						<!--<div class="rate-shadow">-->
							<!--<span class="rate-progress bg-green">30%</span>-->
						<!--</div>-->
						<!--<span class="rec-1"></span>-->
						<!--<span class="rec-2"></span>-->
						<!--<span class="rec-3"></span>-->
						<!--<span class="rec-4"></span>-->
					<!--</div>-->
					<!--<div class="rate-box rec-parent">-->
						<!--<div class="rate-shadow">-->
							<!--<span class="rate-progress bg-red">100%</span>-->
						<!--</div>-->
						<!--<span class="rec-1"></span>-->
						<!--<span class="rec-2"></span>-->
						<!--<span class="rec-3"></span>-->
						<!--<span class="rec-4"></span>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->

		<volist name="matchs" id="m">
			<volist name="m['data']" id="d">
				<section>
					<div class="row">
						<div class="col-xs-4">
							<div class="portait-l-box">
								<div class="portait-s oh beCircle center-block">
									<img src="__PUBLIC__/vote/userimg/{$d.picture}" alt=""/>
								</div>
								<if condition="$m['result']=='胜'">
									<p class="title-name z-green text-center">{$d.use_hero}</p>
								<else/><p class="title-name z-red text-center">{$d.use_hero}</p>
								</if>
							</div>
						</div>
						<div class="col-8-table col-xs-8">
							<div class="rec-parent table-wrapper">
								<table>
									<tr>
										<th>评分</th>
										<th>KDA</th>
										<th>金钱</th>
									</tr>
									<tr class="s-td">
										<td>{$d.score}</td>
										<td>{$d.kill}/{$d.assists}/{$d.death}</td>
										<td>{$d.money}K</td>
									</tr>
								</table>
								<span class="rec-1"></span>
								<span class="rec-2"></span>
								<span class="rec-3"></span>
								<span class="rec-4"></span>
							</div>
						</div>
					</div>
					<div class="rec-parent table-wrapper">
						<table>
							<tr>
								<th>补兵&野怪</th>
								<th>输出伤害</th>
								<th>承受伤害</th>
								<th>插&反眼</th>
							</tr>
							<tr class="s-td">
								<td>{$d.kill_soldier}</td>
								<td>{$d.hurt}</td>
								<td>{$d.be_hurt}</td>
								<td>{$d.insert_eye}/{$d.hit_eye}</td>
							</tr>
						</table>
						<span class="rec-1"></span>
						<span class="rec-2"></span>
						<span class="rec-3"></span>
						<span class="rec-4"></span>
					</div>
				</section>
			</volist>
		</volist>
	</div>
</div>
<script src="__PUBLIC__/match/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/match/js/public.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	window.onload=function(){
//		var bar_width=document.querySelector('.rate-shadow').offsetWidth;
//		$('.rate-progress').each(function(){
//			var temp_str=$(this).text(),
//					num=parseFloat(temp_str.split("%"));
//			$(this).css({
//				'width':bar_width*num*0.01+'px',
//				'transition':0.01*num+'s width ease-out',
//				'-webkit-transition':0.01*num+'s width ease-out'
//			})
//		})
		countScrollHeight('details-team-note','details-wrapper');
	}

</script>
</body>
</html>
